$color-base: #d1d7db;
$color-title: #fefcfc;
$color-num-bg: #596a76;
$color-icon-color: #0C9;

.checkbox-panel {
    clear: both;
    margin-bottom: 40px;

    .checkbox-icon {
        $size: 20px;
        width: $size;
        height: $size;
        border-radius: 5px;
        border: 1px solid $color-base;
        display: block;
        float: left;
        line-height: 32px;
        vertical-align: sub;
        margin-right: 20px;
        .fa {
            vertical-align: super;
            text-align: center;
            margin-left: 2px;
            font-size: 16px;
            color: $color-icon-color;
        }
    }

    .checkbox-title-num {
        float: right;
        background: $color-num-bg;
        padding: 0px 10px;
        border-radius: 10px;
        line-height: 22px;
        text-align: right;
    }

    .checkbox-title {
        color: $color-title;
        font-weight: bold;
        font-size: 18px;
        line-height: 24px;
        display: block;
        cursor: pointer;
        margin-bottom: 20px;
    }

    .checkbox-item {
        padding-left: 40px;
        padding-right: 11px;
        color: $color-base;
        font-size: 16px;
        li {
            line-height: 22px;
            height: 22px;
            margin-bottom: 15px;
            cursor: pointer;
        }
        .checkbox-item-num {
            float: right;
            font-size: 16px;

        }
    }
}